<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/index.css">
    <title>梧州市天气记录</title>
    <script src="js/jquery-2.2.1.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <div class="t_container">
        <header class="t_h_bg">
            <span class="city-name">梧州市天气记录</span>
        </header>
        <main class="t_main">
            <div class="t_box1">
                <header class="t_title">
                    <span class="t_number">2022年5月至2023年4月降雨量</span>
                    <span>平均降雨量229.4毫米</span>
                </header>
                <div class="t_list">
                    <div class="t_min">单位：毫米ml <i class="down"></i></div>
                </div>
                <div id="chart_1" class="echart" style="width: 100%; height: 3rem;"></div>
            </div>
            <div class="t_box1">
                <header class="t_title">
                    <span>天气预警</span>
                </header>
                <div id="chart_2" class="echart" style="width: 100%; height: 3rem;"></div>
            </div>
            <div class="t_box2">
                <header class="t_title">
                    <span>近3年的最高温走势图</span>
                </header>
                <div id="chart_3" class="echart" style="width: 100%; height: 6rem;"></div>
            </div>
            <div class="t_box1">
                <header class="t_title">
                    <span>近一个月空气质量</span>
                </header>
                <div id="chart_4" class="echart" style="width: 100%; height: 3rem;"></div>
            </div>
            <div class="t_box1">
                <header class="t_title">
                    <span>月度天气预报</span>
                </header>
                <div class="main_table t_btn8">
                    </header>
                    <table>
                        <thead>
                            <tr>
                                <th></th>
                                <th>周一</th>
                                <th>周二</th>
                                <th>周三</th>
                                <th>周四</th>
                                <th>周五</th>
                                <th>周六</th>
                                <th>周日</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>最高温</td>
                                <td>30</td>
                                <td>28</td>
                                <td>35</td>
                                <td>22</td>
                                <td>22</td>
                                <td>26</td>
                                <td>34</td>
                            </tr>
                            <tr>
                                <td>最低温</td>
                                <td>25</td>
                                <td>26</td>
                                <td>23</td>
                                <td>21</td>
                                <td>22</td>
                                <td>21</td>
                                <td>30</td>
                            </tr>
                            <tr>
                                <td>湿度</td>
                                <td>50%</td>
                                <td>48%</td>
                                <td>46%</td>
                                <td>51%</td>
                                <td>56%</td>
                                <td>60%</td>
                                <td>45%</td>
                            </tr>
                            <tr>
                                <td>气压</td>
                                <td>101.324kpa</td>
                                <td>100.324kpa</td>
                                <td>101.224kpa</td>
                                <td>101.334kpa</td>
                                <td>101.322kpa</td>
                                <td>101.314kpa</td>
                                <td>101.314kpa</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </main>
    </div>

</body>

</html>